<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
  <head>
    <meta charset="utf-8">
     <title>Oracle Meeting Registration Systems</title>
     <!--<base href="http://www.sculptmedia.co/" />--><!--[if IE]></base><![endif]-->
      
       <!--
    <link href="css/main.min.css?v0.3" rel="stylesheet">
    <link href="css/home.css?v0.3" rel="stylesheet">	
    -->

	<link rel="shortcut icon" href="../images/Tab.png">




  <link href="../dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" type="text/css" href="../dist/css/customize/whole.css">	
  <link rel="stylesheet" type="text/css" href="../dist/css/customize/button.css">

  <link rel="stylesheet" href="../dist/themes/default/default.css" />
    <script charset="utf-8" src="../editor/kindeditor-min.js"></script>
    <script charset="utf-8" src="../editor/lang/en.js"></script>
    <script>
      var editor;
      KindEditor.ready(function(K) {
          editor = K.create('#editor_id');
          K('button[name=loadTheme]').click(function(e) {
              editor.html('');
          });
      });
    </script>
	<script type="text/javascript"> var lang_code="en";var base_url="http://www.sculptmedia.co/";var controller="home";var sub_controller="";
    </script>  
    <!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    

  </head>

  <body>

	<div class='body-page-heading'><h1>Sculpt Media - Creative Digital Agency Dubai | Web Design Dubai</h1></div>
    <div class="navbar navbar-default navbar-fixed-top main-menu" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toogle Navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="en/site/index" title="Digital Agency Dubai"><img src='http://www.sculptmedia.co/images/blank.png' alt="Website Design Dubai"></a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class='active'><a href="#">Home</a></li>
            <li class=''><a href="#">Inbox</a></li>
            <li class=''><a href="#">Meeting</a></li>
            <li class=''><a href="#" title="About Oracle Meeting Registration Systems">About</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
 
    <div class="slide page-heading">
       <div class="container">
        <h1>The following meeting info is displayed.</h1>
       </div>
     </div>

    <div id="filter-row" class="filter-row">
          <ul id="filters" class="nav nav-pills filters nav-justified">
              <li class=''><a href='./admin.jsp'>All Meeting Invitation<span class='badge pull-right'>#</span></a></li>
              <li class=''><a href='createMeeting.html' title='Create Meeting Invatation' class="selectedTab">Create Meeting Invatation</a></li>           
            </ul>
    </div>
    <br>
    
    <div class="contianer">
      <form role="form" action="post">
        <h1><center>Meeting Information</center></h1>
        <div class="row form-grop" >
         
            <div class="col-xs-6 col-md-offset-3" >
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">Subject</span>
                    <input type="text" class="form-control" placeholder="Subject" name="subject">
                </div>
            </div>       
          

        </div>

        <br>

        <div class="row form-grop" >         
            <div class="col-xs-6 col-md-offset-3" >
                <div class="input-group input-group-lg date form_date" data-date-format="MM-dd-yyyy" data-link-field="dtp_input1">
                    <span class="input-group-addon">Date</span>
                    <input type="text" class="form-control" placeholder="Date" value="" readonly>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" name="date"/>
            </div>
        </div>
        <br>

        <div class="row form-grop" >         
            <div class="col-xs-3 col-md-offset-3" >
                <div class="input-group input-group-lg date from_time" data-date-format="hh:ii" data-link-field="dtp_input1">
                    <span class="input-group-addon">From</span>
                    <input type="text" class="form-control" placeholder="From" value="" readonly>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" />
            </div>
            <div class="col-xs-3" >
                <div class="input-group input-group-lg date to_time" data-date-format="hh:ii" data-link-field="dtp_input1">
                    <span class="input-group-addon">To</span>
                    <input type="text" class="form-control" placeholder="To" value="" readonly>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" />
            </div>
        </div>
        <br>

        <div class="row form-grop" >
         
            <div class="col-xs-3 col-md-offset-3" >
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">Place</span>
                    <input type="text" class="form-control" placeholder="Place" name="place">
                </div>
            </div>       
            <div class="col-xs-3" >
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">Limitation</span>
                    <input type="text" class="form-control" placeholder="Limitation" name="attendMax">
                </div>
            </div>   

        </div>
        <br>
        <div class="row form-grop" >
         
            <div class="col-xs-6 col-md-offset-3" >
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">Attender</span>
                    <input type="text" class="form-control" placeholder="Attender" name="toAddress">
                </div>
            </div>       
          

        </div>
        <br>
         <div class="row form-grop" >
         
            <div class="col-xs-6 col-md-offset-3" >
              <textarea id="editor_id" name="content" class="form-control">

</textarea>
                    
            </div>       
          

        </div>
        <br>
        <div class="row form-grop" >
         
            <div class="col-xs-2 col-md-offset-4" >
                  <center><span class="button-wrap"><button type="submit" class="button button-pill form-control">Create</button></span></center>
            </div>  
            <div class="col-xs-2" >
                  <center><span class="button-wrap"><button name="loadTheme" class="button button-pill form-control">Load Theme</button></span></center>
            </div> 

        </div>

        

      </form>
    </div>  

<div class="col-xs-2" >
                  <center><span class="button-wrap"><button name="loadTheme" class="button button-pill">Load Theme</button></span></center>
            </div> 

    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src='http://www.sculptmedia.co/js/bootstrap.min.js'></script>
	<script src='http://www.sculptmedia.co/js/parsley.min.js'></script>
	<script src='http://www.sculptmedia.co/js/common.js'></script>

<script type="text/javascript" src="../dist/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>

	
	<!--
	<script type="text/javascript">
	function downloadJSAtOnload() {
	    var element = document.createElement("script");
	    element.src = "js/common.min.js"; // replace defer.js with your script instead
	    document.body.appendChild(element);
	}
	 
	if (window.addEventListener)
	    window.addEventListener("load", downloadJSAtOnload, false);
	else if (window.attachEvent)
	    window.attachEvent("onload", downloadJSAtOnload);
	else window.onload = downloadJSAtOnload;
	</script>
	-->

	
	<script>
      var cb = function() {

        var l3 = document.createElement('link'); l3.rel = 'stylesheet';
         l3.href = '../dist/css/bootstrap.min.css';
         var h3 = document.getElementsByTagName('head')[0]; h3.parentNode.insertBefore(l3, h3);

        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = 'http://www.sculptmedia.co/css/main.min.css?v2';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
        
         var l2 = document.createElement('link'); l2.rel = 'stylesheet';
        l2.href = 'http://www.sculptmedia.co/css/work.css?v2';
        var h2 = document.getElementsByTagName('head')[0]; h2.parentNode.insertBefore(l2, h2);
    
        var l4 = document.createElement('link'); l4.rel = 'stylesheet';
         l4.href = '../dist/css/customize/button.css';
         var h4 = document.getElementsByTagName('head')[0]; h4.parentNode.insertBefore(l4, h4);

      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb);
      else window.addEventListener('load', cb);
    </script>
	
    <script type="text/javascript">
  $('.form_date').datetimepicker({
        weekStart: 1,
        todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
    });
  $('.from_time').datetimepicker({
        weekStart: 1,
        todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 1,
    minView: 0,
    maxView: 1,
    forceParse: 0
    });
  $('.to_time').datetimepicker({
        weekStart: 1,
        todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 1,
    minView: 0,
    maxView: 1,
    forceParse: 0
    });
</script>

  

  </body>
</html>